<template>
	<!--
    	作者：1550495493@qq.com
    	时间：2019-07-24
    	描述：基地申请
    -->
	<div class="Login">
		<div id="insitute-menu">
			<router-link to='/index'>
				<img src="../../images/home/logo.png" class="logo-img fl">
			</router-link>
		</div>
		<section class="section-box">
			<div class="login-nav">
				<h3>基地申请填写</h3>
				<form class="form-box" id="baseForm">
					<div class="form-line input-required">
						<label>基地名称：</label>
						<div class="input-box">
							<input type="text" name="name" id="baseName" placeholder="请输入基地名称">
						</div>
					</div>
					<div class="form-line input-required">
						<label>基地类别：</label>
						<div class="input-box">
							<select name="type">
								<option value=0>现代农业综合示范基地</option>
								<option value=1>现代农业特色产业基地</option>
								<option value=2>乡村建设研究实践基地</option>
								<option value=3>新农村建设分布式服务站</option>
							</select>
						</div>
					</div>
					<div class="form-line input-required">
						<label>基地地址：</label>
						<div class="input-box">
							<input type="text" name="address" placeholder="请输入基地地址">
						</div>
					</div>
					<div class="form-line input-required">
						<label>申请单位：</label>
						<div class="input-box">
							<input type="text" name="unit" placeholder="请输入申请单位">
						</div>
					</div>
					<div class="form-line input-required">
						<label>联系人：</label>
						<div class="input-box">
							<input type="text" name="contact" placeholder="请输入联系人">
						</div>
					</div>
					<div class="form-line input-required">
						<label>通讯地址：</label>
						<div class="input-box">
							<input type="text" name="correspondenceAddress" placeholder="请输入通讯地址">
						</div>
					</div>
					<div class="form-line input-required">
						<label>联系方式：</label>
						<div class="input-box">
							<input type="text" name="theContact" placeholder="请输入联系方式">
						</div>
					</div>
					<div class="form-line input-required">
						<label>财务联系人：</label>
						<div class="input-box">
							<input type="text" name="financialContact" placeholder="请输入财务联系人">
						</div>
					</div>
					<div class="form-line input-required">
						<label>财务联系电话：</label>
						<div class="input-box">
							<input type="text" name="contactNumber" placeholder="请输入财务联系电话">
						</div>
					</div>

					<div class="form-line ">
						<label class="label-two">基地申请模板：</label>
						<div class="input-box form-line-box">
							<a class="download-templete" @click="getBaseTem">下载</a>
						</div>
					</div>
					
					<div class="search-boxs imgbox modify-style">
						<label>附件上传：</label>
						<input name="attachment" type="hidden" v-model="attachment" />
						<input type="file" id="handIdFront" accept=".doc,.docx,.xls,.xlsx,.pdf,.html,.txt,image/jpeg,image/tif,image/gif,image/png,image/bmp,.mp3,.mp4,.wav,.flv,.avi" @change="idFrontImg($event)" style="display: none;" />
						<a @click="touchOffIdInput(1)">上传附件</a>
						<ul class="img-box" v-if="FileUpload.length">
							<li v-for="item in FileUpload">{{item}}<img   @click="delAtt"src="../../images/public/delete.png" /></li>
						</ul>
					</div>
					<div class="Pay-attention-to">
						<p style="color: red">注：请上传基地申请模板！</p>
						<!--<p class="Pay-attention">2、附件也可上传与地基申请相关资料</p>-->
					</div>
					<div class="form-line input-required base-introduce">
						<label>基地简介：</label>
						<div class="input-box">
							<textarea name="introduction"></textarea>
						</div>
					</div>

					<div class="search-boxs imgbox upload-img input-required">
						<label>基地展示图片：</label>
						
						<div :class="!picture?'no-active':''">
							<input name="picture" type="hidden" v-model="picture" />
							<input type="file" id="handIdFronts" accept="image/*" @change="idFrontImgs($event)" style="display: none;" />
							<a class="Public-btn1 uploadbtn handIdFrontA " @click="touchOffIdInputs(1)"v-if="!picture">上传图片</a>
							<a class="Public-btn1 uploadbtn handIdFrontA " @click="touchOffIdInputs(1)" v-if="picture">重新上传图片</a>
							<img class="showHandIdFront" id="pictureImg" />
						</div>
						<span class="suggest">建议上传尺寸：220px*146px</span>
					</div>
					<div class="Submit-box">
						<input class="Submit-application" @click="subForm" type="button" value="提交申请" />
					</div>
					

				</form>
			</div>
		</section>
		<footer>
			<p>Copyright© 2005 西南大学新农村发展研究院　All rights reserved. 网站备案号：渝ICP备05000267 站长信箱：ADMIN@CRIC.CN</p>
		</footer>
	</div>
</template>
<script src="./BaseApplication.js"></script>

<style scoped>
	@import "BaseApplication.css";
</style>
